<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
</head>
<body>
	<div id="container">
		<div id="header">
			<div class="center-box">
			<div id="logo">
				<a href="index.html">
					<img alt="logo" src="img/logo.png" />
				</a>
			</div>
			<div id="user-zone">
				<a href="login.html">登录</a>
				<span>|</span>
				<a href="register.html">注册</a>
			</div>
			</div>
		</div>
		<div id="kernel" class="center-box">
			<div class="user-zone">
				<div class="user-info">
					<div class="user-self">
						<a href=""><img alt="user-avatar" src="img/no-photo.png"></a>
						<h3>无所</h3>
						<div> 年少的时候，不知道读书的时光可贵。初中毕业后，为了避开高考的压力，我也和小齐一样，选了一所不知名的中专学校。</div>
						<div>
							<input type="button" value="关注" />
							<input type="button" value="写信" />
						</div>
					</div>
					<div class="user-mail">
						<h3>站内信</h3>
						<div>
							<a href=""><a href="">更多</a></a>
						</div>
						<table>
							<tr>
								<td style="width: 60px;">小七</td>
								<td>为了避开高考的压力</td>
							</tr>
							<tr>
								<td>小七</td>
								<td>为了避开高考的压力</td>
							</tr>
							<tr>
								<td>小七</td>
								<td>为了避开高考的压力</td>
							</tr>
							<tr>
								<td>小七</td>
								<td>为了避开高考的压力为了避开高考的压力为了避开高考的压力</td>
							</tr>
						</table>
					</div>
					<div class="user-fan">
						<h3>关注的人</h3>
						<div>
							<a href=""><a href="">更多</a></a>
						</div>
						<table>
							<tr>
								<td><a href=""><img alt="user-avatar" src="img/no-photo.png"></a></td>
								<td><a href=""><img alt="user-avatar" src="img/no-photo.png"></a></td>
								<td><a href=""><img alt="user-avatar" src="img/no-photo.png"></a></td>
							</tr>
							<tr>
								<td><a href=""><img alt="user-avatar" src="img/no-photo.png"></a></td>
								<td><a href=""><img alt="user-avatar" src="img/no-photo.png"></a></td>
								<td><a href=""><img alt="user-avatar" src="img/no-photo.png"></a></td>
							</tr>
							<tr>
								<td><a href=""><img alt="user-avatar" src="img/no-photo.png"></a></td>
								<td></td>
								<td></td>
							</tr>
						</table>
					</div>				
				</div>
				<div class="user-action">
					<div class="user-article">
						<div class="thead">
							<h3>文章</h3>
							<div><a href="">更多</a></div>
						</div>
						<ul>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
						</ul>
					</div>
					<div class="user-article">
						<div class="thead">
							<h3>收藏</h3>
							<div><a href="">更多</a></div>
						</div>
						<ul>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
						</ul>
					</div>
					<div class="user-article">
						<div class="thead">
							<h3>评论</h3>
							<div><a href="">更多</a></div>
						</div>
						<ul>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
							<li>
								<a href="article.html">不知道读书的时光可贵。初中毕业后，</a>
							</li>
						</ul>
					</div>
					<div class="user-comment"></div>
					<div class="user-collection"></div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="center-box">
			@SoYoung
			</div>
		</div>
	</div>
</body>
</html>